import { createApp } from 'vue'

import App from '@/App.vue'
// 引入模板的全局样式
import '@/styles/index.scss'

// 引入 element-plus 插件与样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 配置 element-plus 国际化
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// svg 插件需要配置代码
import 'virtual:svg-icons-register' // 引入 SVG 注册脚本
// 引入自定义插件对象: 注册整个项目全局组件
import globalComponents from '@/components'

// 引入路由
import router from '@/router'
// 引入仓库
import pinia from './stores'
// 引入路由鉴权的文件
import './permission'

// 获取应用示例对象
const app = createApp(App)

// 安装 element-plus 插件
app.use(ElementPlus, {
  locale: zhCn, // element-plus 国际化配置
})

// import SvgIcon from '@/components/SvgIcon/index.vue'
// app.component('SvgIcon', SvgIcon)
app.use(globalComponents)

// 路由注册
app.use(router)
// 仓库注册
app.use(pinia)

// 将应用挂载到挂载点上
app.mount('#app')
